<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link href="bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap theme -->
<link href="bootstrap-theme.min.css" rel="stylesheet">

<style>
    p{
       margin-left: 320px;
        font-size: larger;
        font-family: 微软雅黑;
        font-size: 25px;


    }
    button
    {
        padding: 10px 15px;
        border: solid 5px #554411;
        background: #ffd428;
        font-family: "Bitstream Vera Sans Mono", Courier, monospace;
        font-size: 25px;
    }
</style>

<script src="newjs.js"></script>
<body style="background-color: rgba(249, 229, 207, 0.68)">
<p >
剩余时间:</p>
<div class="progress" style="width: 650px; margin-top: -30px;margin-left: 450px;border: solid 3px #a4a4a4;">
    <div id="progress" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"><span class="sr-only">40% Complete (success)</span></div>
</div>
<p id="num" >第1关</p>
<button id="start" style="margin-left: 950px; margin-top:-150px;">start game</button>
<div>
    <div id="help" style="margin-left: 300px; font-size: 20px;">游戏玩法：鼠标单击色块，点击错误减时间，点击正确加时间，看你能撑多久！<br/>
    </div>
    <canvas id="canvas" style="position: absolute; left: 300px; top:170px; " width="450px" height="450px">此浏览器不支持canvas</canvas>
</div>
</body>
</html>